*{
  margin: 0; padding: 0;
}
html{
  font-size: 10px;
}
#top,#main,#bottom{
  width: 100%;
}
#top{
  /*固定位置的写法*/
  position: fixed;
  top: 0;left: 0;right: 0;
  height: 2rem;
}
#main{
 text-align: left;
}
#bottom{

}
/*图片*/
.logo{
  width:3.6rem;
  vertical-align: -webkit-baseline-middle;/*设置图片垂直居中*/
}
/*设置容器水平排列,内部元素垂直居中*/
#main ul li{
  flex:1 1 3rem; /*3rem相当设置了高度*/

}